<!--
	@create by
	@update by
	@description
-->
<div>
    <el-form-q :field-data="queryFields" :buttons="queryButtons" ></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="document" @click="infoFn" v-if="checkPermission('detail')">查看催收记录</el-button>
        </el-button-group>
    </div>

    <el-table-x ref="reftable" :row-index="true" :base-params="baseParams" :data-url="dataUrl" @custom-row-click="tablePropClick"
                :table-columns="tableColumns" :request-type="'POST'"></el-table-x>

    <!-- 说明dialog可配置宽高属性，若不配置则宽度默认为屏幕50%，高度自适应  width="650px" height="380px" -->
    <el-dialog-x :visible.sync="cusDialogVisible" title="客户信息" size="full">
        <el-tabs v-model="baseTab" >
            <el-collapse ref='basecollapse' v-model="expandCollapseName">
                <el-collapse-item title="客户基本信息" name="identityInfo">
                    <el-form-x ref="identityInfo" :group-fields=" identityInfoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>

                <el-collapse-item title="背景信息" name="backgroundInfo">
                    <el-form-x ref="backgroundInfo" :group-fields="backgroundInfoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>

                <el-collapse-item title="婚姻信息" name="indivMarInFo">
                    <el-form-x ref="indivMarInFo" :group-fields="indivMarInFoFields" :disabled="formDisabled"
                               label-width="130px"></el-form-x>
                </el-collapse-item>
            </el-collapse>
        </el-tabs>
        <div class="yu-grpButton">
            <el-button type="primary" icon="yx-undo2" @click="cusReturnFn">返回</el-button>
        </div>1
        <!--<el-form-x :buttons="retrunCusButtons"></el-form-x>-->
    </el-dialog-x>

    <!-- 借据详情 -->
    <el-dialog-x :visible.sync="loanDialogVisible" title="借据信息" size="full">
        <el-form-x ref="revformLoan" :group-fields="revformFieldsLoan" :disabled="true"  label-width="130px"></el-form-x>
        <!--<el-form-x :buttons="retrunLoanButtons"></el-form-x>-->
        <div class="yu-grpButton">
            <el-button type="primary" icon="yx-undo2" @click="LoanReturnFn">返回</el-button>
        </div>
    </el-dialog-x>

    <el-dialog-x title="" :visible.sync="detailDialogVisible" size="full">
        <el-tabs type="border-card" v-model="baseTab">
            <el-tab-pane label="催收记录信息" name="baseTab">

                <el-collapse v-model="expandCollapseName" ref='basecollapse'>

                    <el-collapse-item title="客户基本信息" name="cusInfo">
                        <el-form-x ref="cusInfo" :group-fields="cusInfoFields" label-width="125px"
                                   ></el-form-x>
                    </el-collapse-item>

                    <el-collapse-item title="催收记录" name="accLoan">
                        <el-table-x ref="reftableRcd" :row-index="true" :base-params="baseParamsRcd" :default-load="false"
                                    :data-url="dataUrlRcd" :table-columns="tableColumnsRcd" :request-type="'POST'">
                        </el-table-x>

                    </el-collapse-item>

                </el-collapse>

            </el-tab-pane>
        </el-tabs>
        <div class="yu-grpButton">
            <el-button type="primary" icon="yx-undo2" @click="detailReturnFn">返回</el-button>
        </div>
    </el-dialog-x>
</div>
